<template>
  <div class="home1">
    <h1>MMIDMIDMIDMID{{count}}</h1>
    <SonVue/>
  </div>
</template>
<script>
import { inject, ref } from 'vue'
import SonVue from './Son.vue'
export default {
  components:{SonVue},
  async setup() {
    let person=inject('person')
    let promise=await new Promise((resolve,reject)=>{
      setTimeout(()=>{
        resolve(56)
      },5000)
    })
    // console.log(promise.value,'pppppp');
    // promise.then(res=>{
    //   console.log(res,'resres');
    // })
   const count=await promise
    
    return{ count,person}
  },
}
</script>

<style scoped>
.home1{
  background-color: blueviolet;
  padding: 10px;
}
</style>
